<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" dir="ltr">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta http-equiv="content-language" content="zh-CN" />
		<link rel="stylesheet" type="text/css" href="/style.css?v=1" media="screen" />
		<script type="text/javascript" src="/js.js"></script>	
		<title>HTML教程,XHTML教程</title>		
		<link rel="start" type="text/html" href="http://www.dreamdu.com/xhtml/" />
		<link rel="next" type="text/html" href="http://www.dreamdu.com/xhtml/preface/" />
		<meta name="keywords" content="教程,X教程" />
		<meta name="description" content="" />	
	</head>
	<body>
		<div id="wrap">
			<div id="body">
				<div id="content">	
					
					<!-- start content -->										
					<h1>HTML教程,XHTML教程</h1>
					<p>Copyright &copy; 2004-2011 梦之都(www.dreamdu.com)</p><p>作者联系方式 <img src="/images/dreamdumail.png" alt="email"/></p>
					
<div id="alllist"><dl><dt><a href="http://www.dreamdu.com/xhtml/preface/">前言</a></dt><dt><a href="http://www.dreamdu.com/xhtml/video/">HTML视频教程</a></dt><dt><a href="http://www.dreamdu.com/xhtml/what_is_html/">1. 什么是HTML?</a></dt><dd><dl><dt><a href="http://www.dreamdu.com/xhtml/what_is_xhtml/">1.1. 什么是XHTML?</a></dt></dl></dd><dt><a href="http://www.dreamdu.com/xhtml/novice/">2. HTML入门例子</a></dt><dd><dl><dt><a href="http://www.dreamdu.com/xhtml/novice_video/">2.1. HTML入门视频教程</a></dt></dl></dd><dt><a href="http://www.dreamdu.com/xhtml/syntax/">3. HTML语法 -- 最基本的</a></dt><dd><dl><dt><a href="http://www.dreamdu.com/xhtml/syntax_video/">3.1. HTML语法视频教程</a></dt><dt><a href="http://www.dreamdu.com/xhtml/tag/">3.2. HTML标签</a></dt><dt><a href="http://www.dreamdu.com/xhtml/attribute/">3.3. HTML属性</a></dt><dt><a href="http://www.dreamdu.com/xhtml/element/">3.4. HTML元素</a></dt><dt><a href="http://www.dreamdu.com/xhtml/document/">3.5. HTML文档</a></dt><dt><a href="http://www.dreamdu.com/xhtml/comment/">3.6. HTML注释</a></dt></dl></dd><dt><a href="http://www.dreamdu.com/xhtml/framework/">4. HTML骨架 -- 解剖一下HTML</a></dt><dd><dl><dt><a href="http://www.dreamdu.com/xhtml/framework_video/">4.1. HTML骨架视频教程</a></dt></dl></dd><dt><a href="http://www.dreamdu.com/xhtml/ex_tags/">5. 有趣的试验</a></dt><dd><dl><dt><a href="http://www.dreamdu.com/xhtml/ex_blank/">5.6. HTML空格</a></dt></dl></dd><dt><a href="http://www.dreamdu.com/xhtml/tag_a/">6. HTML链接 -- a 标签 -- 把我和世界连起来</a></dt><dd><dl><dt><a href="http://www.dreamdu.com/xhtml/link_video/">6.1. HTML链接视频教程</a></dt><dt><a href="http://www.dreamdu.com/xhtml/attribute_a_id/">6.2. HTML指定位置的链接</a></dt><dd><dl><dt><a href="http://www.dreamdu.com/xhtml/attribute_a_i_video/">6.2.1. HTML指定位置的链接视频教程</a></dt></dl></dd><dt><a href="http://www.dreamdu.com/xhtml/attribute_a_mail/">6.3. HTML邮件链接</a></dt><dd><dl><dt><a href="http://www.dreamdu.com/xhtml/attribute_a_mail_video/">6.3.1. HTML邮件链接视频教程</a></dt></dl></dd><dt><a href="http://www.dreamdu.com/xhtml/attribute_a_img/">6.4. HTML图像链接</a></dt></dl></dd><dt><a href="http://www.dreamdu.com/xhtml/tag_img/">7. HTML图像 -- img标签 -- 使我的网页图文并茂</a></dt><dd><dl><dt><a href="http://www.dreamdu.com/xhtml/img_video/">7.1. HTML图像视频教程</a></dt></dl></dd><dt><a href="http://www.dreamdu.com/xhtml/list/">8. HTML列表 -- 按顺序显示内容</a></dt><dd><dl><dt><a href="http://www.dreamdu.com/xhtml/list_video/">8.1. HTML列表视频教程</a></dt><dt><a href="http://www.dreamdu.com/xhtml/tag_ul/">8.2. HTML ul 标签</a></dt><dd><dl><dt><a href="http://www.dreamdu.com/xhtml/tag_li/">8.2.1. HTML li 标签</a></dt></dl></dd><dt><a href="http://www.dreamdu.com/xhtml/tag_ol/">8.3. HTML ol 标签</a></dt><dt><a href="http://www.dreamdu.com/xhtml/tag_dl/">8.4. HTML dl 标签</a></dt><dd><dl><dt><a href="http://www.dreamdu.com/xhtml/tag_dt/">8.4.1. HTML dt 列表组标签</a></dt><dt><a href="http://www.dreamdu.com/xhtml/tag_dd/">8.4.2. HTML dd 列表描述标签</a></dt></dl></dd><dt><a href="http://www.dreamdu.com/xhtml/tag_nl/">8.5. HTML nl 标签</a></dt><dt><a href="http://www.dreamdu.com/xhtml/all_list/">8.6. HTML 嵌套列表</a></dt></dl></dd><dt><a href="http://www.dreamdu.com/xhtml/tag_table/">9. HTML表格 -- table 标签 -- 把数据放在表格中</a></dt><dd><dl><dt><a href="http://www.dreamdu.com/xhtml/table_video/">9.1. HTML表格视频教程</a></dt><dt><a href="http://www.dreamdu.com/xhtml/tag_tr/">9.2. HTML tr 标签</a></dt><dt><a href="http://www.dreamdu.com/xhtml/tag_th/">9.3. HTML th 标签</a></dt><dt><a href="http://www.dreamdu.com/xhtml/tag_td/">9.4. HTML td 标签</a></dt><dt><a href="http://www.dreamdu.com/xhtml/attribute_cellpadding_cellspacing/">9.5. HTML cellpadding与cellspacing属性</a></dt><dd><dl><dt><a href="http://www.dreamdu.com/xhtml/attribute_cellpadding_cellspacing_video/">9.5.1. HTML表格的填充与间距视频教程</a></dt></dl></dd><dt><a href="http://www.dreamdu.com/xhtml/attribute_rowspan/">9.6. HTML rowspan 属性</a></dt><dt><a href="http://www.dreamdu.com/xhtml/attribute_colspan/">9.7. HTML colspan 属性</a></dt><dd><dl><dt><a href="http://www.dreamdu.com/xhtml/attribute_rowspan_colspan_video/">9.7.1. HTML表格的rowspan与colspan视频教程</a></dt></dl></dd></dl></dd><dt><a href="http://www.dreamdu.com/xhtml/tag_form/">10. HTML表单 -- form标签 -- 与浏览者交互</a></dt><dd><dl><dt><a href="http://www.dreamdu.com/xhtml/form_video/">10.1. HTML表单视频教程</a></dt><dt><a href="http://www.dreamdu.com/xhtml/tag_input/">10.2. HTML input 标签</a></dt><dd><dl><dt><a href="http://www.dreamdu.com/xhtml/tag_input1_video/">10.2.1. HTML表单的input标签第一课视频教程</a></dt><dt><a href="http://www.dreamdu.com/xhtml/tag_input2_video/">10.2.2. HTML表单的input标签第二课视频教程</a></dt><dt><a href="http://www.dreamdu.com/xhtml/attribute_type/">10.2.3. HTML type 属性</a></dt><dt><a href="http://www.dreamdu.com/xhtml/attribute_checked/">10.2.4. HTML checked 属性</a></dt><dt><a href="http://www.dreamdu.com/xhtml/attribute_disabled/">10.2.5. HTML disabled 属性</a></dt><dt><a href="http://www.dreamdu.com/xhtml/attribute_readonly/">10.2.6. HTML readonly 属性</a></dt></dl></dd><dt><a href="http://www.dreamdu.com/xhtml/tag_textarea/">10.3. HTML textarea 标签</a></dt><dd><dl><dt><a href="http://www.dreamdu.com/xhtml/tag_textarea_video/">10.3.1. HTML表单的textarea标签视频教程</a></dt></dl></dd><dt><a href="http://www.dreamdu.com/xhtml/tag_select/">10.4. HTML select 标签</a></dt><dd><dl><dt><a href="http://www.dreamdu.com/xhtml/tag_select_video/">10.4.1. HTML选择列表select视频教程</a></dt><dt><a href="http://www.dreamdu.com/xhtml/tag_option/">10.4.2. HTML option 标签</a></dt><dt><a href="http://www.dreamdu.com/xhtml/tag_optgroup/">10.4.3. HTML optgroup 标签</a></dt><dt><a href="http://www.dreamdu.com/xhtml/tag_fieldset_label_video/">10.4.4. HTML表单分组与label标签视频教程</a></dt></dl></dd></dl></dd><dt><a href="http://www.dreamdu.com/xhtml/text/">11. HTML文字元素 -- 更有意义的文字显示</a></dt><dt><a href="http://www.dreamdu.com/xhtml/block/">12. HTML字块元素</a></dt><dt><a href="http://www.dreamdu.com/xhtml/tag_meta/">13. HTML meta 标签</a></dt><dt><a href="http://www.dreamdu.com/xhtml/standard_design/">14. 标准网页设计 -- 用更标准的方法设计网页</a></dt><dd><dl><dt><a href="http://www.dreamdu.com/xhtml/tag_doctype/">14.1. HTML DOCTYPE 标签</a></dt><dt><a href="http://www.dreamdu.com/xhtml/span_div/">14.2. HTML span与div</a></dt></dl></dd><dt><a href="http://www.dreamdu.com/xhtml/css/">15. HTML中使用CSS -- 定义CSS样式</a></dt><dd><dl><dt><a href="http://www.dreamdu.com/xhtml/tag_style/">15.1. HTML style 标签</a></dt><dt><a href="http://www.dreamdu.com/xhtml/tag_link/">15.2. HTML link 标签</a></dt><dd><dl><dt><a href="http://www.dreamdu.com/xhtml/attribute_rel/">15.2.1. HTML rel 属性</a></dt><dt><a href="http://www.dreamdu.com/xhtml/attribute_rev/">15.2.2. HTML rev 属性</a></dt><dt><a href="http://www.dreamdu.com/xhtml/alternate/">15.2.3. HTML alternate 属性值</a></dt><dt><a href="http://www.dreamdu.com/xhtml/attribute_start_next_prev/">15.2.4. HTML start next prev 属性值</a></dt><dt><a href="http://www.dreamdu.com/xhtml/rel_canonical/">15.2.5. HTML rel canonical 属性值</a></dt></dl></dd></dl></dd><dt><a href="http://www.dreamdu.com/xhtml/javascript/">16. HTML中使用JAVASCRIPT</a></dt><dt><a href="http://www.dreamdu.com/xhtml/my_anchor/">17. HTML链接第二课 -- 做最好的我(链接)</a></dt><dd><dl><dt><a href="http://www.dreamdu.com/xhtml/my_anchor_video/">17.1. HTML链接第二课视频教程</a></dt><dt><a href="http://www.dreamdu.com/xhtml/attribute_accesskey/">17.2. HTML accesskey 属性</a></dt><dt><a href="http://www.dreamdu.com/xhtml/attribute_tabindex/">17.3. HTML tabindex 属性</a></dt><dt><a href="http://www.dreamdu.com/xhtml/attribute_title/">17.4. HTML title 属性</a></dt><dt><a href="http://www.dreamdu.com/xhtml/popup/">17.5. HTML 弹出页面</a></dt><dt><a href="http://www.dreamdu.com/xhtml/mailto/">17.6. HTML mailto 语法</a></dt></dl></dd><dt><a href="http://www.dreamdu.com/xhtml/tag_frame/">18. HTML框架 -- frame 标签</a></dt><dd><dl><dt><a href="http://www.dreamdu.com/xhtml/tag_frameset/">18.1. HTML frameset 标签</a></dt><dt><a href="http://www.dreamdu.com/xhtml/tag_noframes/">18.2. HTML noframes 标签</a></dt><dt><a href="http://www.dreamdu.com/xhtml/tag_iframe/">18.3. HTML iframe 标签</a></dt><dt><a href="http://www.dreamdu.com/xhtml/frames_a/">18.4. HTML框架链接</a></dt><dt><a href="http://www.dreamdu.com/xhtml/frames_nest/">18.5. HTML嵌套框架</a></dt></dl></dd><dt><a href="http://www.dreamdu.com/xhtml/html_entities/">19. HTML 实体</a></dt><dt><a href="http://www.dreamdu.com/xhtml/tag_reference/">HTML标签索引 -- 按照字母顺序</a></dt><dd><dl><dt><a href="http://www.dreamdu.com/xhtml/tag_area/">HTML area 标签</a></dt><dt><a href="http://www.dreamdu.com/xhtml/tag_button/">HTML button 标签</a></dt><dt><a href="http://www.dreamdu.com/xhtml/tag_del/">HTML del 标签</a></dt><dt><a href="http://www.dreamdu.com/xhtml/tag_ins/">HTML ins 标签</a></dt><dt><a href="http://www.dreamdu.com/xhtml/tag_map/">HTML map 标签</a></dt><dt><a href="http://www.dreamdu.com/xhtml/tag_object/">HTML object 标签</a></dt><dt><a href="http://www.dreamdu.com/xhtml/tag_param/">HTML param 标签</a></dt></dl></dd><dt><a href="http://www.dreamdu.com/xhtml/attribute_reference/">HTML属性索引</a></dt><dt><a href="http://www.dreamdu.com/xhtml/exe_all/">HTML代码 -- 可以自己编辑的示例代码</a></dt><dt><a href="http://www.dreamdu.com/xhtml/summary/">总结</a></dt></dl></div>
					<div class="copyright">From "<a href="http://www.dreamdu.com/xhtml/">HTML教程,XHTML教程</a>"</div>
					<!-- end content -->
					<div id="docnav"><a rel="prev" href="http://www.dreamdu.com/webbuild/summary/" title="总结" accesskey="b" tabindex="6">上一页</a> / <a rel="next" href="http://www.dreamdu.com/xhtml/preface/" title="前言" accesskey="n" tabindex="7">下一页</a> / <a rel="contents" href="http://www.dreamdu.com/xhtml/" title="HTML教程,XHTML教程" accesskey="l" tabindex="8">教程列表</a></div>
					<div id="docnavsub"><a href="#" title="返回" accesskey="t" tabindex="5">向上</a> / <a rel="prev" href="http://www.dreamdu.com/webbuild/summary/" title="总结" accesskey="b" tabindex="6">上一页</a> / <a rel="next" href="http://www.dreamdu.com/xhtml/preface/" title="前言" accesskey="n" tabindex="7">下一页</a> / <a rel="contents" href="http://www.dreamdu.com/xhtml/" title="HTML教程,XHTML教程" accesskey="l" tabindex="8">教程列表</a></div>					
﻿					<div class="clear"></div>
					<div>
						<script type="text/javascript"><!--
								google_ad_client = "pub-1380153598658129";
								//728x90, 创建于 07-12-18
								google_ad_slot = "3281266698";
								google_ad_width = 728;
								google_ad_height = 90;
								//--></script>
						<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
					</div>
					<script type="text/javascript" src="/inc/webfunction.js"></script>
				</div>
			</div>
			<div id="siderbar">
				<div id='slist'><div class="gray1"></div><ul><li class="top"><a href="http://www.dreamdu.com/xhtml/">HTML教程,XHTML教程</a></li></ul><div class="gray2"></div><ul><li><a href="http://www.dreamdu.com/xhtml/preface/">前言</a></li><li><a href="http://www.dreamdu.com/xhtml/video/">HTML视频教程</a></li><li><a href="http://www.dreamdu.com/xhtml/what_is_html/">1 什么是HTML?</a></li><li><a href="http://www.dreamdu.com/xhtml/novice/">2 HTML入门例子</a></li><li><a href="http://www.dreamdu.com/xhtml/syntax/">3 HTML语法</a></li><li><a href="http://www.dreamdu.com/xhtml/framework/">4 HTML骨架</a></li><li><a href="http://www.dreamdu.com/xhtml/ex_tags/">5 有趣的试验</a></li><li><a href="http://www.dreamdu.com/xhtml/tag_a/">6 HTML链接</a></li><li><a href="http://www.dreamdu.com/xhtml/tag_img/">7 HTML图像</a></li><li><a href="http://www.dreamdu.com/xhtml/list/">8 HTML列表</a></li><li><a href="http://www.dreamdu.com/xhtml/tag_table/">9 HTML表格</a></li><li><a href="http://www.dreamdu.com/xhtml/tag_form/">10 HTML表单</a></li><li><a href="http://www.dreamdu.com/xhtml/text/">11 HTML文字元素</a></li><li><a href="http://www.dreamdu.com/xhtml/block/">12 HTML字块元素</a></li><li><a href="http://www.dreamdu.com/xhtml/tag_meta/">13 HTML meta 标签</a></li><li><a href="http://www.dreamdu.com/xhtml/standard_design/">14 标准网页设计</a></li><li><a href="http://www.dreamdu.com/xhtml/css/">15 HTML中使用CSS</a></li><li><a href="http://www.dreamdu.com/xhtml/javascript/">16 HTML中使用JAVASCRIPT</a></li><li><a href="http://www.dreamdu.com/xhtml/my_anchor/">17 HTML链接第二课</a></li><li><a href="http://www.dreamdu.com/xhtml/tag_frame/">18 HTML框架</a></li><li><a href="http://www.dreamdu.com/xhtml/html_entities/">19 HTML 实体</a></li><li><a href="http://www.dreamdu.com/xhtml/tag_reference/">HTML标签索引</a></li><li><a href="http://www.dreamdu.com/xhtml/attribute_reference/">HTML属性索引</a></li><li><a href="http://www.dreamdu.com/xhtml/exe_all/">HTML代码</a></li><li><a href="http://www.dreamdu.com/xhtml/summary/">总结</a></li></ul><div class="gray2"></div></div>
﻿				<div id="topright"><script src="/inc/search.js" type="text/javascript"></script></div>
				<div id="slistbox" class="orangebox"><ul><li>教程中有什么不懂的地方？发现教程的错误！对教程有什么建议！快快给我留言呀 <a href="/blog/comments/" rel="nofollow">给猴子留言</a>，我会尽快解答你的问题:)</li><li><a href="http://www.dreamdu.com/xhtml/exe_all/">HTML代码</a></li></ul></div>
				<div id="toplogo"><div id="logo"><a href="http://www.dreamdu.com/" tabindex="1">梦之都</a></div><div id="maintag">为初学者提供一个在线的自学之地,<br />为设计者提供一个网络编程的中文参考之地</div></div>
				<div id="navmain"> | <a href="http://www.dreamdu.com/webbuild/" accesskey="w" tabindex="2" class="w">网站建站教程</a> | <a href="http://www.dreamdu.com/xhtml/" accesskey="h" tabindex="3" class="w">HTML教程</a> | <a href="http://www.dreamdu.com/css/" accesskey="c" tabindex="4" class="w">CSS教程</a> | <a href="http://www.dreamdu.com/javascript/" accesskey="j" tabindex="5" class="w">JavaScript教程</a> | </div>
				<div id="navsub"> | <a href="http://www.dreamdu.com/xhtml/video/" tabindex="6">HTML视频教程</a> |   <a href="http://www.dreamdu.com/feed/" rel="nofollow"><img src="/images/feed_icon.png" alt="rss" width="16" height="16"/></a> | </div>
			</div><!-- end of the siderbar -->
﻿			<div id="footer"><p><a href="/blog/about/" rel="nofollow">关于我们</a> | <a href="/blog/comments/" rel="nofollow">网站留言</a></p><p>Copyright &copy; 2006-2011 梦之都(www.dreamdu.com) All rights reserved.</p><p>Powered by XHTML CSS PHP MYSQL</p><p>梦之都教程允许非商业用途的转载，但须保持内容的原始性并以链接的方式注明教程出处，梦之都保留教程的一切权利。</p></div>
		</div><script type="text/javascript">var _gaq = _gaq || [];_gaq.push(['_setAccount', 'UA-556982-2']);_gaq.push(['_trackPageview']);(function(){var ga = document.createElement('script');ga.type = 'text/javascript'; ga.async = true;ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(ga, s);})();</script><script type="text/javascript">var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F0b5059fb2e0522719e25d555c50c97ac' type='text/javascript'%3E%3C/script%3E"));</script>		
	</body>
</html>